<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>{$data.page_title}</title>
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="css/aui.css"/>
	<link rel="stylesheet" href="css/shop.css">
	<link rel="stylesheet" href="css/alert.css">
	<script src="js/jquery-1.8.2.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script src="js/init.js"></script>

</head>

<body>
	<header class="mui-bar mui-bar-nav ">
		<a href="index.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title" id="page_title">{$data.page_title}</h1>
	</header>
	<div class="fix aui-col-10 mui-text-center mx_foot">开始闯关</div>

	<div class="mx mui-content mui-text-center f14">
		<img class="aui-col-10 block" src="images/mx_banner.png" alt="">
		<div>
			<div class="title"><img class="vmid" src="images/mx_guize_icon.png" alt="" width="20"> <span>游戏规则</span></div>
			<div class="mui-text-left aui-pad-15">
				<div>活动时间：2017/10/10~2017/12/10</div>
				<ul class="f12">
					<li>1块钱，血拼到底赢大奖！</li>
					<li>每一关，会有另外一个玩家和你剪刀石头布对战。</li>
					<li>1块钱，血拼到底赢大奖！</li>
					<li>每一关，会有另外一个玩家和你剪刀石头布对战。</li>
					<li>1块钱，血拼到底赢大奖！</li>
				</ul>
			</div>
		</div>
		<div class="game_pass">
			<div class="title"><img class="vmid" src="images/mx_guanka.png" alt="" width="20"> <span>游戏关卡</span></div>
			<ul class="aui-color-white f12 aui-pad-15">
                <a href="mx_detail.html">
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_7关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<img class="ab" style="left:-10px;bottom:10px;" src="images/mx_passicon.png" alt="" width="50">
					<div class="ab">第七关</div>
				</li></a>
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_6关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<img class="ab" style="left:-10px;bottom:10px;" src="images/mx_passicon.png" alt="" width="50">
					<div class="ab">第六关</div>
				</li>
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_5关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<div class="ab">第五关</div>
				</li>
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_4关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<div class="ab">第四关</div>
				</li>
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_3关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<div class="ab">第三关</div>
				</li>
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_2关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<div class="ab">第二关</div>
				</li>
				<li class="mui-row re">
					<div class="mui-col-sm-6 mui-col-xs-6"><img class="vmid" src="images/mx_1关.png" alt="" height="100"></div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<div class="mui-text-right">在线人数：2134</div>
						<div class="mui-text-left gradient aui-pad-5">
							<div>卡地亚蓝气球手表</div>
							<div>价值40960元</div>
							<div class="line-height-2" style="border-top:1px solid #fff;">5人获得</div>
						</div>
					</div>
					<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
					<div class="ab">第一关</div>
				</li>
			</ul>
		</div>

		<div class="mui-text-center">
			<div class="title"><img class="vmid" src="images/mx_mingdan.png" alt="" width="20"> <span>中奖名单</span></div>
			<div class="re">
				<div class="mui-row win_list">
					<div class="mui-col-sm-3 mui-col-xs-3 yellow"></div>
					<div class="mui-col-sm-4 mui-col-xs-4 blue1"></div>
					<div class="mui-col-sm-3 mui-col-xs-3 red"></div>
					<div class="mui-col-sm-2 mui-col-xs-2 blue2"></div>
				</div>
				<div class="ab aui-color-white aui-col-10 aui-mar-t-10 aui-mar-b-10" style="top:0;left:0;height:180px;overflow-y: auto;">
					<ul>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
						<li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
					</ul>
				</div>
			</div>
		</div>

		<div style="background:#ffb238;padding-bottom:50px;">
			<div class="title"><img class="vmid" src="images/mx_xuzhi.png" alt="" width="20"> <span>兑换领取须知</span></div>
			<div class="aui-pad-10 f12">
				<div class="mui-text-left">1、充值卡奖品秒发，还可以充值到支付宝。实物类奖品24小时内发货。
					2、活动中有任何疑问请关注公众号：小江湖OL，或拔打官方客服电话：。
					3、本活动与苹果公司及其产品无关。
					4、最终解释权归小江湖所有。</div>
				<img class="aui-col-4 aui-pad-t-10" src="image/erweima.png" alt="">
				<div>长按识别，关注小江湖OL公众号<br/>领取新手礼包，随时开玩！</div>
			</div>
		</div>
	</div>
</body>

</html>